<!DOCTYPE html>
<!--[if lte IE 7 ]><html class="no-js ie lte7 lte8 lte9 javascript"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9 javascript"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9 javascript"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js javascript">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>好头发</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <meta name="apple-mobile-web-app-title" content="好头发" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <meta name="x5-fullscreen" content="true" />
    <link rel="stylesheet" href="__PUBLIC__/css/amazeui.min.css" />

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="__PUBLIC__/js/jquery-1.11.3.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js"></script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js"></script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js"></script><![endif]-->
    <script src="__PUBLIC__/js/amazeui.min.js"></script>
    <script src="__PUBLIC__/js/app.min.js"></script>
    <script src="__PUBLIC__/js/masonry.pkgd.min.js"></script>
</head>
<body style="padding-bottom:54px" >

<include file="Common/header" />

<!--内容显示-->
<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
    <!--列表标题-->
    <div>
        <ol class="am-breadcrumb am-breadcrumb-slash">
            <li><a href="{:U('Index/index')}" class="am-icon-home">首页</a></li>
            <!--  <li class="am-active">{$breadcrumb}</li> -->
            <volist name="breadcrumb" id="vo">
               <li><a href="{:U('index/listDetail',['cat' => $vo['classid']])}" class="">{$vo.classname}</a></li>
            </volist>
        </ol>
    </div>

    <div class="am-list-news-bd">
        <ul class="am-list" id="newContent">
            <?php foreach($newsArr as $k => $v){ ?>
            
            <?php if($v['titlepic']){ ?>
            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
            <div class="am-u-sm-4 am-list-thumb">
                    <a href="<?php echo $v['titleurl']; ?>">
                    <?php  $titlepic = str_replace("http://www.haotoufa.com", "", $v['titlepic']); ?>
                        <img src="http://www.haotoufa.com<?php echo $titlepic; ?>"/>
                    </a>
                </div>
                <div class=" am-u-sm-8 am-list-main">
                    <h3 class="am-list-item-hd">
                        <a href="<?php echo $v['titleurl']; ?>" class=""><?php echo $v['title']; ?></a>
                    </h3>
                    <div class="am-list-item-text">
                        <?php echo html_entity_decode($v['smalltext']); ?>
                    </div>
                </div>
            </li>
            <?php }else{?>
                <li class="am-g am-list-item-desced">

                    <div class=" am-list-main">
                        <h3 class="am-list-item-hd"><a href="<?php echo $v['titleurl']; ?>" class=""><?php echo $v['title']; ?></a></h3>

                        <div class="am-list-item-text"><?php echo html_entity_decode($v['smalltext']); ?></div>

                    </div>
                  </li>
            <?php }?>    
            <?php } ?>

            <!--没有更多了显示信息-->
            <div class="am-g am-text-center" id="next-page" url="{:U('index/pushDownList',['cat'=>$cat])}">
                <i class="am-icon-arrow-circle-o-down"></i>&nbsp; 加载中<i class="am-icon-spinner am-icon-spin"></i>...

                <script type="text/javascript">
                    $('#next-page').scrollspy({
                        animation: 'slide-top',
                        repeat: false
                    });
                    $('#next-page').on('inview.scrollspy.amui', function() {
                        var url = $(this).attr('url');
                        if('end' !== url){
                            $.ajax({
                                beforeSend: function(){
                                    return true;
                                },
                                complete: function(){
                                    return true;
                                },
                                url: $(this).attr('url'),
                                dataType: "html",
                                type: "POST",
                                cache: false,
                                async:true,
                                success: function(html){
                                    $('#next-page').remove();
                                    $('#newContent').append(html);
                                }
                            });
                        }
                    });
                </script>

            </div>

        </ul>
    </div>
</div>

<include file="Common/footer" />


</body>
</html>